﻿@using Mvc.RazorTools.Glyphicons;
@{
	ViewBag.Title = "Glyphicons Samples";
}
<div class="row">
	<div class="col-lg-12">
		<div class="jumbotron jumbotron-ad">
			<div class="container">
				<h2>Glyphicons for MVC Razor Tools Sample Page</h2>
				<p>
					This sample page was created in Visual Studio 2013 using MVC 5 and Bootstrap 3. The <strong>Glyphicons for MVC Razor Tools</strong> source code
					can be found at <a href="http://glyphicons.codeplex.com" target="_blank">http://glyphicons.codeplex.com</a>. This sample page demonstrates
					the use of the library to create Glyphicons.
				</p>
				<p>This pages uses Glyphicons for MVC Razor Tools to gerenate the sample icons.</p>
				<p><a href="https://glyphicons.codeplex.com/SourceControl/latest#Source/Glyphicons for MVC Razor Tools Solution/Sample Web Page/Views/Home/Index.cshtml" target="_blank">MVC View Source Code</a></p>
				<p><a href="https://glyphicons.codeplex.com/SourceControl/latest#Source/Glyphicons for MVC Razor Tools Solution/Sample Web Page/Controllers/HomeController.cs" target="_blank">MVC Controller Source Code</a></p>
			</div>
		</div>
		<div class="alert alert alert-success">
			<h2>
				The Icons
			</h2>
		</div>
	</div>
</div> <!-- Jumbotron -->

<div class="row">
	<div class="col-lg-12">
		<section id="icons">
			<div class="row">
				<div class="span3">
					<ul class="the-icons">
						@foreach (var icon in GlyphiconsSet.AllItems.Values)
						{
							<li>
								@Html.Glyphicons(icon.Large()) @icon.Name
							</li>
						}
					</ul>
				</div>
			</div>
		</section>
	</div>
</div> <!-- Icons -->

<div class="row">
	<div class="col-lg-12">
		<div class="well well-lg">
			<p>Glyphicons for MVC Razor Tools uses the following libraries:</p>
			<div class="list-group">
				<div class="list-group-item">
					<h4 class="list-group-item-heading">Glyphicons</h4>
					<p class="list-group-item-text">Information can be found at <a href="http://glyphicons.com/" target="_blank">http://glyphicons.com/</a>.</p>
				</div>
				<div class="list-group-item">
					<h4 class="list-group-item-heading">Bootstrap Glyphicons</h4>
					<p class="list-group-item-text">Information can be found at <a href="http://marcoceppi.github.io/bootstrap-glyphicons/" target="_blank">http://marcoceppi.github.io/bootstrap-glyphicons/</a>.</p>
				</div>
				<div class="list-group-item">
					<h4 class="list-group-item-heading">Others</h4>
					<p class="list-group-item-text">Also uses <a href="http://getbootstrap.com/" target="_blank">Bootstrap 3</a> and <a href="http://jquery.com/" target="_blank">jQuery</a>.</p>
				</div>
			</div>
		</div>
	</div>
</div> <!-- Footer -->
